<template>
  <div v-show="switchs">
    <div class="page_header">
      <a @click.stop="close_btn">
        <i class="iconfont icon-close"></i>
      </a>
      <span class="titles">选择品牌</span>
    </div>
    <ksxz></ksxz>
    <div class="pinpai_content" :style="{height:model_height-44+'px'}">
      <div class="rm_pinpai">
        <span class="rm_title">热门品牌</span>
        <ul class="rm_pinp_list">
          <li>
            <img src="../../static/image/qichelogo/kia.png" alt="">
            大众
          </li>
          <li>
            <img src="../../static/image/qichelogo/toyota.png" alt="">
            大众
          </li>
          <li>
            <img src="../../static/image/qichelogo/dazhong.png" alt="">
            大众
          </li>
          <li>
            <img src="../../static/image/qichelogo/chevrolet.png" alt="">
            大众
          </li>
          <li>
            <img src="../../static/image/qichelogo/richan.png" alt="">
            大众
          </li>
          <li>
            <img src="../../static/image/qichelogo/chevrolet.png" alt="">
            大众
          </li>
          <li>
            <img src="../../static/image/qichelogo/toyota.png" alt="">
            大众
          </li>
          <li>
            <img src="../../static/image/qichelogo/kia.png" alt="">
            大众
          </li>
          <li>
            <img src="../../static/image/qichelogo/dazhong.png" alt="">
            大众
          </li>
          <li>
            <img src="../../static/image/qichelogo/kia.png" alt="">
            大众
          </li>
        </ul>
      </div>
      <ul class="pinpai_all_list">
        <li class="all_title" id="A">
          <span>A</span>
        </li>
        <li class="all_pinpai_car">
          <a href="#">
            <img src="../../static/image/qichelogo/dazhong.png" alt="">
            <span>奥迪</span>
          </a>
        </li>
        <li class="all_pinpai_car">
          <a href="#">
            <img src="../../static/image/qichelogo/dazhong.png" alt="">
            <span>奥迪</span>
          </a>
        </li>
        <li class="all_pinpai_car">
          <a href="#">
            <img src="../../static/image/qichelogo/dazhong.png" alt="">
            <span>奥迪</span>
          </a>
        </li>
        <li class="all_title" id="B">
          <span>B</span>
        </li>
        <li class="all_pinpai_car">
          <a href="#">
            <img src="../../static/image/qichelogo/dazhong.png" alt="">
            <span>奥迪</span>
          </a>
        </li>
        <li class="all_pinpai_car">
          <a href="#">
            <img src="../../static/image/qichelogo/dazhong.png" alt="">
            <span>奥迪</span>
          </a>
        </li>
        <li class="all_pinpai_car">
          <a href="#">
            <img src="../../static/image/qichelogo/dazhong.png" alt="">
            <span>奥迪</span>
          </a>
        </li>
        <li class="all_title" id="C">
          <span>C</span>
        </li>
        <li class="all_pinpai_car">
          <a href="#">
            <img src="../../static/image/qichelogo/dazhong.png" alt="">
            <span>奥迪</span>
          </a>
        </li>
        <li class="all_pinpai_car">
          <a href="#">
            <img src="../../static/image/qichelogo/dazhong.png" alt="">
            <span>奥迪</span>
          </a>
        </li>
        <li class="all_pinpai_car">
          <a href="#">
            <img src="../../static/image/qichelogo/dazhong.png" alt="">
            <span>奥迪</span>
          </a>
        </li>
      </ul>
    </div>

  </div>
</template>
<style>

</style>
<script>
  import ksxz from '../assembly/pinpai_model_ksxz.vue'
  export default{
      props:['switchs','close_btn'],
    data(){
      return {
        msg: 'hello vue',
        model_height: ''
      }
    },
    components: {
      ksxz
    },
    created: function () {
      let win_height = $(window).innerHeight();
      this.model_height = win_height
    },
    methods:{

    }
  }
</script>
